<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fcolumn">
    <!-- 轮播图 -->
    <div class="swiper mb20 rel">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../../assets/imgs/myimgs/info-swiper1.jpg" alt=""> </div>
            <div class="swiper-slide"><img src="../../assets/imgs/myimgs/info-swiper2.jpg" alt=""> </div>
            <div class="swiper-slide"><img src="../../assets/imgs/myimgs/info-swiper3.jpg" alt=""> </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <main class="flex df fcolumn">
        <!-- 用户名 -->
        <div class="info-box">
            <div class="info-name container df aic">
                <img id="avatar" class="info-head">
                <img class="info-vip rel" src="../../assets/imgs/myimgs/info-vip.png" alt="">
                <p class="f20 flex" id="nickNameTxt">用户名</p>
               <a href="infomodify.html">
                <span class="iconfont icon-shezhi-youjiantou
                "></span>
               </a>
            </div>
            <div id="signTxt" class="container info-sign f14">
                <p>个性签名:刘大美女与姜大猪</p>
            </div>
        </div>

        <!-- 累计打卡-->
        <div class="info-box">
            <div class="info-clock container df jcb aic">
                <p class="info-num df aic">
                    <img class="info-duck" src="../../assets/imgs/myimgs/info-clock1.gif" alt=""> 累计打卡 <span
                        class="f24" id="infoTodayNum"></span>天
                </p>
                <p class="info-today" id="infoToday">今日打卡</p>

            </div>

        </div>
        <!-- 个人动态-->
        <div class="info-box">
            <div class="info-person container df jcb aic">
                <p class="df aic">
                    <img class="info-duck" src="../../assets/imgs/myimgs/info-person1.gif" alt="">个人动态
                </p>

                <div class="df aic">
                    <p><span>10</span>条</p>
                   <a href="#">
                    <span class="iconfont icon-shezhi-youjiantou
                    "></span>
                   </a>
                </div>
            </div>


        </div>

        <!-- 运动数据 -->
        <div class="info-box">
            <div class="container">
                <!-- 上面 -->
                <div class="df info-sports jcb">
                    <p class="df aic">
                        <img class="info-duck" src="../../assets/imgs/myimgs/info-sports1.gif" alt="">运动数据
                    </p>
                    <a href="rundata.html">
                        <span class="iconfont icon-shezhi-youjiantou
                        "></span>
                    </a>
                </div>
                <!-- 下面 -->
                <div class="df jca info-bottom">
                    <!-- 下面左边 -->
                    <div class="flex info-data onea">
                        <p class="info-dataone">总运动</p>
                        <p><span id="sumMin">99999</span>分钟</p>
                    </div>
                    <!-- 下面右边 -->
                    <div class="flex info-data">
                        <p class="info-dataone">本周消耗</p>
                        <p><span id="sumCalo">99999</span>千卡</p>
                    </div>
                </div>


            </div>
        </div>

        <!-- 运动徽章 -->
        <div class="info-box">
            <div class="container">
                <!-- 上面 -->
                <div class="df info-sports jcb">
                    <p><span class="iconfont icon-yinle1"></span>我的运动徽章</p>
                   <a href="mybadge.html"> <span class="iconfont icon-shezhi-youjiantou "></span></a>
                </div>
                <!-- 下面 -->
                <div class="info-sport df jcb">
                    <img src="../../assets/imgs/myimgs/info-sports5.jpg" alt="">
                    <img src="../../assets/imgs/myimgs/info-sports6.jpg" alt="">
                    <img src="../../assets/imgs/myimgs/info-sports7.jpg" alt="">
                </div>
            </div>
        </div>

        <!-- 退出登录 -->
        <div class="info-box">
            <div class="container">
                <a class="db tcenter f18" href="login.html">退出登录</a>

            </div>

        </div>
    </main>


    <!-- 页脚 -->
    <footer class="footerAll">
      
    </footer>

</body>

</html>